<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>张凌 - 个人简历</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        body {
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            min-height: 100vh;
            padding: 2rem;
        }
        .resume-container {
            max-width: 900px;
            margin: 0 auto;
            background: white;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(0,0,0,0.15);
            overflow: hidden;
        }
        .resume-header {
            background: linear-gradient(45deg, #2c3e50 0%, #3498db 100%);
            color: white;
            padding: 3rem 2.5rem;
            text-align: center;
        }
        .header-title {
            font-size: 2.5rem;
            margin-bottom: 0.5rem;
            letter-spacing: 1px;
        }
        .header-subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
            font-weight: 300;
        }
        .student-info {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-top: 1.5rem;
            font-size: 1rem;
        }
        .resume-body {
            padding: 2.5rem;
        }
        .section {
            margin-bottom: 2rem;
        }
        .section-title {
            font-size: 1.4rem;
            color: #2c3e50;
            border-bottom: 2px solid #3498db;
            padding-bottom: 0.5rem;
            margin-bottom: 1rem;
        }
        .content-list {
            list-style: none;
            line-height: 1.8;
            color: #34495e;
        }
        .content-list li {
            margin-bottom: 0.8rem;
            padding-left: 1.5rem;
            position: relative;
        }
        .content-list li::before {
            content: "•";
            color: #3498db;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .contact-info {
            display: flex;
            gap: 1.5rem;
            flex-wrap: wrap;
            margin-top: 1rem;
        }
        .contact-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #34495e;
        }
        .back-link {
            display: block;
            text-align: center;
            margin-top: 2rem;
            color: #3498db;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.3s;
        }
        .back-link:hover {
            color: #2c3e50;
        }
        .redirect-tip {
            text-align: center;
            color: #7f8c8d;
            font-size: 0.9rem;
            margin-top: 1rem;
        }
    </style>
</head>
<body>
    <div class="resume-container">
        <!-- 简历头部 -->
        <div class="resume-header">
            <h1 class="header-title">张凌</h1>
            <p class="header-subtitle">云计算技术与应用专业 · 求职意向：云计算运维工程师</p>
            <div class="student-info">
                <span>学号：230200592</span>
                <span>班级：23云计算2班</span>
            </div>
        </div>

        <!-- 简历主体 -->
        <div class="resume-body">
            <!-- 个人信息 section -->
            <div class="section">
                <h2 class="section-title">个人信息</h2>
                <div class="contact-info">
                    <div class="contact-item">
                        <span>📱 电话：</span>
                        <span>138****1234（示例）</span>
                    </div>
                    <div class="contact-item">
                        <span>✉️ 邮箱：</span>
                        <span>zhangling230200592@example.com（示例）</span>
                    </div>
                    <div class="contact-item">
                        <span>🏫 学校：</span>
                        <span>XX职业技术学院</span>
                    </div>
                </div>
            </div>

            <!-- 教育经历 section -->
            <div class="section">
                <h2 class="section-title">教育经历</h2>
                <ul class="content-list">
                    <li><strong>XX职业技术学院</strong> - 云计算技术与应用专业（2023.09 - 2026.06，预计毕业）</li>
                    <li>核心课程：云计算基础、Linux系统管理、Docker容器技术、Kubernetes集群运维、网络安全基础</li>
                    <li>学业成绩：专业排名前20%，获校级"三好学生"1次</li>
                </ul>
            </div>

            <!-- 技能特长 section -->
            <div class="section">
                <h2 class="section-title">技能特长</h2>
                <ul class="content-list">
                    <li><strong>操作系统</strong>：熟练使用CentOS、Ubuntu系统，掌握Shell脚本编写（如自动化部署脚本）</li>
                    <li><strong>容器技术</strong>：掌握Docker镜像构建、容器管理，能使用Docker Compose编排多容器应用</li>
                    <li><strong>云计算工具</strong>：了解AWS/AliCloud基础服务，掌握Nginx反向代理、静态资源部署配置</li>
                    <li><strong>开发能力</strong>：具备Python基础，能使用Flask框架开发简单Web应用，熟悉HTML/CSS前端基础</li>
                </ul>
            </div>

            <!-- 项目经历 section -->
            <div class="section">
                <h2 class="section-title">项目经历</h2>
                <ul class="content-list">
                    <li><strong>个人简历墙项目（2024.05 - 2024.06）</strong>
                        <ul class="content-list" style="margin-top: 0.5rem;">
                            <li>负责使用Flask开发简历上传功能，实现文件合法性校验、重复文件检测</li>
                            <li>配置Nginx服务实现静态简历文件部署，解决跨端口访问跳转问题</li>
                            <li>使用Docker容器化项目组件，通过Docker Compose实现一键部署</li>
                        </ul>
                    </li>
                    <li><strong>Linux自动化运维脚本开发（2024.03 - 2024.04）</strong>
                        <ul class="content-list" style="margin-top: 0.5rem;">
                            <li>编写Shell脚本实现服务器CPU、内存、磁盘使用率监控，异常时自动发送邮件告警</li>
                            <li>脚本支持自定义监控阈值，已在3台实训服务器上稳定运行</li>
                        </ul>
                    </li>
                </ul>
            </div>

            <!-- 自我评价 section -->
            <div class="section">
                <h2 class="section-title">自我评价</h2>
                <ul class="content-list">
                    <li>对云计算运维领域有浓厚兴趣，学习能力强，能快速掌握新技术并应用于实践</li>
                    <li>具备良好的问题排查能力，在项目中多次解决容器网络、服务部署相关问题</li>
                    <li>注重团队协作，曾参与小组Linux运维竞赛，负责容器化部署模块，获校级二等奖</li>
                    <li>有明确的职业规划，希望从事云计算运维相关工作，持续提升技术深度</li>
                </ul>
            </div>

            <!-- 返回简历墙链接 -->
            <a href="http://服务器IP:5000/wall" class="back-link">点击返回简历墙</a>
            <p class="redirect-tip">（5秒后将自动跳转到简历墙页面，若未跳转请点击上方链接）</p>
        </div>
    </div>

    <!-- 自动跳转脚本 -->
    <script>
        // 5秒后自动跳转到简历墙页面（需替换"服务器IP"为你的实际服务器IP）
        setTimeout(function() {
            window.location.href = "http://服务器IP:5000/wall";
        }, 5000);
    </script>
</body>
</html>